import React from 'react'
import ReactDOM from 'react-dom'
import App from './App.jsx'

// 底层，ReactDOM.render(div, document.getElementById('app'))
// const h1 = React.createElement('h1',null,'这是一个h1')
// const div = React.createElement('div',{className: 'box', id: 'box'}, '这是一个div',h1)

// 方便写法，ReactDOM.render(myDiv, document.getElementById('app'))
// const myDiv = <div>
//   这是jsx语法创建的div
//   <h1>111</h1>
// </div>

// 组件写法，ReactDOM.render(<DivTest></DivTest>, document.getElementById('app'))
// function DivTest(prop){
//   return <div>divtest---{prop.uname}---{prop.age}</div>
// }


ReactDOM.render(<App></App>, document.getElementById('app'));
